
app.content =  new Ext.Panel({
	region: 'center',
	frame:false,
	border:false,
	deferredRender: true,
	layout:'fit',
	margins: '0 5 0 0',
	autoScroll:false,
	items:[],
	listeners:{
		'add':function(){
			app.viewport.doLayout();
		}
	}
});
	
app.menu = new Ext.Panel({
	region: 'west',
    title: '',
    split: true,
    width: 240,
    minSize: 185,
    maxSize: 400,
    collapsible: true,
    bodyCls:'formBody',
    /*layout: {
        type: 'vbox',
        align : 'stretch',
        pack  : 'start'
    },
    defaults:{
    	bodyPadding:2
    },
    */
    layout: 'accordion',
    items: [
        {
            title: appLang.MAIN_MENU,
            border: false,
            collapsible: true,
            contentEl:'mainMenu',
            iconCls: 'nav',
            frame:true,
            titleCollapse:true
        },{
            title: appLang.SYSTEM_PREFERENCES,
            border: false,
            collapsible: true,
            iconCls: 'nav',
            contentEl:'systemMenu',
            frame:true,
            collapsed :true,
            titleCollapse : true
        }
     ]
});
			
app.footer = new Ext.Panel({
	region:'south',
	contentEl:'footer',
    height:22
});
			
Ext.application({
    name: 'PhpVeil',
    launch: function() {
    	app.viewport = Ext.create('Ext.container.Viewport', {
    		layout: 'border',
    		renderTo: Ext.getBody(),
    		items:[app.content , app.menu , app.footer]
        });
    }
});